<template>
    <div class="list">
        <div>
            <div class="hot-cities">
                <div class="hot-cts-title">热门城市</div>
                <ul class="clearfix">
                    <li v-for="item in computedCities" :key="item.id" :class="item.borderType">
                        {{item.name}}
                    </li>
                </ul>
            </div>
            <div class="alphabet-menu">
                <div class="alphabet-menu-title">字母排序</div>
                <ul class="clearfix">
                    <li v-for="(item,index) in letters" :key="item.index">{{item}}</li>
                </ul>
            </div>
            <div class="alphabet-list" v-for="(item,key) in cities" :key='key' ></div>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="stylus" scoped>

</style>
